<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
         isELIgnored="false" session="true"%>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <title><s:message code="M_2400_BOX_RETAIN_MANAGEMENT_TAG" /></title>
    <%@ include file="/page/comPage/comCSS.html"%>
    <%@ include file="/page/comPage/navbar.html"%>
    <style>
        div .form-width {
            padding-left: 0px;
            padding-right: 0px;
        }

        form .form-group {
            margin-bottom: 1px;
            height:40px;
        }
        .controls{
            top: 7px;
        }
        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
            background: none;
            border: none;
            box-shadow: none;
            opacity: 1;
        }
    </style>

</head>
<body>
<div class="container-fluid">
    <div class="col-lg-12 col-md-12 col-sm-12 btnDivCss">
        <button class="btn btn-primary" id="query_btn">
            <s:message code="QUERY_TAG" />
        </button>
        <button class="btn btn-info" id="selectReason_btn">
            <s:message code="SELECT_REASON_TAG" />
        </button>
        <button class="btn btn-danger" id="hold_btn">
            <s:message code="HOLD_TAG" />
        </button>
        <button class="btn btn-success" id="release_btn">
            <s:message code="RELEASE_TAG" />
        </button>
      <%--  <input  id="upload_btn"  type="file" class="form-control  file" accept=".xls,.xlsx" style="display: none" />
        <button class="btn btn-primary" id="select_file">
            <s:message code="IMPORT_PRD_BTN" />
        </button>--%>
    </div>
    <div id="leftDivs" class="col-lg-4 col-md-4 col-sm-4">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <legend>请输入<s:message code="SHEET_ID_TAG"></s:message></legend>
            </fieldset>
            <form id="boxForm" class="col-lg-12 col-md-12 col-sm-12 form-horizontal">
                <div class="form-group">
                    <label class="control-label col-lg-3 col-md-3 col-sm-3" for="woIdFk">
                        <s:message code="WO_ID_TAG" />
                    </label>
                    <div class="col-lg-7 col-md-7 col-sm-7">
                        <select id="woIdFk" class="form-control" style="width: 100%"></select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 col-md-3 col-sm-3" for="opeIdFk">
                        <s:message code="OPE_ID_TAG" />
                    </label>
                    <div class="col-lg-7 col-md-7 col-sm-7">
                        <select id="opeIdFk" class="form-control" style="width: 100%"></select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 col-md-3 col-sm-3" for="prdseqIdFk">
                        <s:message code="SHEET_ID_TAG"/>
                    </label>
                    <div class="col-lg-7 col-md-7 col-sm-7">
                        <input id="prdseqIdFk" class="form-control" style="width: 100%"/>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <legend><s:message code="SHEET_INFO_TAG" /></legend>
            </fieldset>
            <div class="panel panel-default">
                <div class="panel-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="control-label col-lg-5"  for="prdIdSpan"><s:message code="SHEET_ID_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="prdIdSpan" ></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="woIdSpan"><s:message code="WO_ID_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="woIdSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="mdlIdSpan"><s:message code="MDL_ID_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="mdlIdSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="prdStatSpan"><s:message code="SHEET_STATE_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="prdStatSpan"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="pathSpan"><s:message code="PATH_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="pathSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="pathVerSpan"><s:message code="PATH_VER_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="pathVerSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="opeDscSpan"><s:message code="OPE_DSC_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="opeDscSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="opeNoSpan"><s:message code="OPE_NO_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="opeNoSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="opeIdSpan"><s:message code="OPE_ID_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="opeIdSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="opeVerSpan"><s:message code="OPE_VER_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="opeVerSpan"/></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-5" for="porcIdSpan"><s:message code="PROC_ID_TAG" /> </label>
                            <div class="controls col-lg-5">
                                <span  id="porcIdSpan"/></span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="middleDiv" class="col-lg-4 col-md-4 col-sm-4">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <legend>屏体待保留列表</legend>
            </fieldset>
            <div id="glassListDiv">
                <table id="glassListGrd" style="height: 1px;"></table>
                <div id="glassListPg"></div>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <legend>屏体保留列表</legend>
            </fieldset>
            <div id="glassHoldListDiv">
                <table id="glassHoldListGrd" style="height: 1px;"></table>
                <div id="glassHoldListPg"></div>
            </div>
        </div>
    </div>
    <div id="divRight" class="col-lg-4 col-md-4 col-sm-4 " >
        <div class="col-lg-12 col-md-12 col-sm-12" >
            <fieldset>
                <legend>原因代码信息</legend>
            </fieldset>
            <div id="ReasonListDiv">
                <table id="ReasonListGrd" style="height: 1px;"></table>
                <div id="ReasonListPg"></div>
            </div>
        </div>
        <div  class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <legend>保留信息</legend>
            </fieldset>
            <div id="cstHoldListDiv">
                <table id="cstHoldListGrd" style="height: 1px;"></table>
                <div id="cstHoldListPg"></div>
            </div>
        </div>
    </div>
</div>
<!-- 添加原因代码模态框 -->
<div id="addReasonDialog" class="modal fade" tabindex="-1"role="dialog" aria-labelledby="title" aria-hidden="true" style="height: 700px">
    <div class="modal-dialog" >
        <div class="modal-content">
            <!-- 模框头部 -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×</button>
                <h4 class="modal-title">选择原因代码</h4>
            </div>
            <!-- 模框主体 -->
            <div class="modal-body">
                <div class="container-fluid">
                    <div id="leftDiv" class="col-lg-6 col-md-6 col-sm-6">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <fieldset>
                                <legend>请选择部门代码</legend>
                            </fieldset>
                            <form id="filterForm"
                                  class="col-lg-12 col-md-12 col-sm-12 form-horizontal">
                                <div class="form-group">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <select id="deptId" class="form-control" style="width: 100%"></select>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <fieldset>
                                <legend>请选择原因代码</legend>
                            </fieldset>
                            <div id="modalReasonListDiv">
                                <table id="modalReasonListGrd"></table>
                                <div id="modalReasonListPg"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 模框底部 -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary"
                            id="reasonDialog_sureBtn">
                        <s:message code="SURE_COMMIT_TAG" />
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"
                            id="reasonDialog_cancelBtn">
                        <s:message code="CANCEL_TAG" />
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--备注对话框  -->
<div id="remarkDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">
                    <s:message code="REMARK_TAG" />
                </h4>
            </div>

            <!--Modal header-->

            <div class="modal-body">
                <div class="row">
                    <form id="remarkForm" class="row form-horizontal">
                        <div class="control-group ">
                            <label class="control-label col-xs-4" for="shtOpeMsg">
                                <s:message code="INPUT_REMARK_TAG" />
                            </label>
                            <div class="col-md-5 col-sm-5 col-lg-5">
                                <textarea id="shtOpeMsg" class="form-control" rows="3"  style="resize:none;"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <a id="remarkDialog_cancelBtn" class="btn" data-dismiss="modal">
                    <s:message code="CANCEL_TAG" />
                </a>
                <a id="remarkDialog_sureBtn" class="btn btn-primary">
                    <s:message code="SURE_TAG" />
                </a>
            </div>
        </div>
    </div>
</div>
<%@ include file="/page/comPage/comJS.html"%>
<script src="lib/fileinput/js/xlsx.full.min.js"></script>
<script src="lib/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="lib/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="js/page/2000/2400.js"></script>
</body>
</html>
